<style type="text/css">
     .layui-table-cell{
         height: auto!important;
         white-space: normal;
     }
</style>
<div class="layui-tab layui-tab-brief layui-tab-brief-city" style="padding: 0px;border: none;margin-top: 0px;">
  <ul class="layui-tab-title">
    <li class="layui-this">基础设置</li>
   <!--  <li>样式设置</li> -->
  </ul>
  <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
		<form id="modelBizLayerForm" lay-filter="modelBizLayerForm" class="layui-form model-form" style="padding: 1px;height: calc(100vh - 160px)">
			<input name="id" type="hidden" id="bizLayerId" value="#(layer?layer.id:'')" />
			<table class="formTable">
				<tr>
					<td>上级</td>
					<td>
						<input id="parentId" type="text" name="parentId"   lay-filter="parentId" autocomplete="off" placeholder="请选择" value="" class="layui-input">
					</td>
				</tr>			
				<tr>
					<td>名称</td>
					<td>
						<input name="name" value="#(layer?layer.name:'')" placeholder="" autocomplete="off" type="text" class="layui-input" maxlength="10" lay-verType="tips"
						 lay-verify="required" required />
					</td>
				</tr>
				<tr>
					<td>标识</td>
					<td>
						<input name="code" value="#(layer?layer.code:'')" placeholder="" maxlength="20" autocomplete="off" type="text" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td>序号:</td>
					<td>
						<input name="sort" value="#(layer?layer.sort:0)" autocomplete="off" placeholder="请输入序号" type="number" class="layui-input" maxlength="20"/>
					</td>
				</tr>
				<tr>
					<td style="text-align: right;" colspan="2">
						<button class="layui-btn  layui-btn-sm layui-btn-orange" lay-filter="submitBizLayerForm" lay-submit>保存</button>
					</td>
				</tr>
			</table>
		</form>    
    </div>
<!--     <div class="layui-tab-item">
	    <div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;" lay-filter="polygonStyleTabFilter" >
		  <ul class="layui-tab-title layui-tab-title-city">
		  	<li class="layui-this">默认</li>
		    <li>悬浮</li>
		    <li>选中</li>
		  </ul>
		  <div class="layui-tab-content" style="min-height: 500px;">
		  	  <div class="layui-tab-item layui-show">
				<form class="layui-form model-form" style="padding: 1px;">
					<table class="formTable">
						<tr>
							<td>类型</td>
							<td colspan="4">
						      <select name="polygonType" lay-filter="polygonType"  lay-verify="required" required>
						        <option value="0">静态</option>
						      </select>
							</td>
						</tr>	
					</table>					
				</form> 		  	  
		  	  </div>
		  	  <div class="layui-tab-item">
				<form class="layui-form model-form" style="padding: 1px;">
					<table class="formTable">
						<tr>
							<td>类型</td>
							<td colspan="4">
						      <select name="polygonHoverType" lay-filter="polygonHoverType"  lay-verify="required" required>
						        <option value="0">静态</option>
						      </select>
							</td>
						</tr>	
					</table>					
				</form> 		  	  
		  	  </div>
		  	  <div class="layui-tab-item">
				<form class="layui-form model-form" style="padding: 1px;">
					<table class="formTable">
						<tr>
							<td>类型</td>
							<td colspan="4">
						      <select name="polygonSelectType" lay-filter="polygonSelectType"  lay-verify="required" required>
						        <option value="0">静态</option>
						      </select>
							</td>
						</tr>	
					</table>					
				</form> 		  	  
		  	  </div>
		  </div>
	    </div>
    </div> -->
  </div>
</div>


<script type="text/html" id="modelBizStylePolygonScript">
<form id="modelBizStylePolygonForm" lay-filter="modelBizStylePolygonForm" class="layui-form model-form" style="padding: 1px;">
	<input name="id" type="hidden"  value="#(layer?layer.id:'')" />
	<table class="formTable">
		<tr>
			<td>效果设置</td>
			<td colspan="4">
				<select name="displayEffect"
					lay-filter="displayEffect" lay-verify="required" required>
						<option value="0">区域面</option>
						<option value="1">建筑效果</option>
						<option value="2">水面效果</option>
				</select>
			</td>
		</tr>
		<tr >
			<td>是否启用</td>
			<td colspan="4">
				<select name="enabled" lay-filter="enabled" >
						<option value="0">否</option>
						<option value="1">是</option>
				</select>
			</td>
		</tr>
		<tr id="materialTr">
			<td>材质设置</td>
			<td colspan="4" >
				<select
					name="material" lay-filter="material" >
						<option value="color">颜色</option>
						<option value="img">贴图</option>
				</select>
			</td>
		</tr>
		<tr id="fillTr">
			<td>填充</td>
			<td colspan="4" >
			<select name="fill" lay-filter="fill">
					<option value="0">否</option>
					<option value="1">是</option>
			</select>
			</td>
		</tr>
		<tr id="colorTr">
			<td>颜色设置</td>
			<td colspan="4" >
				<input type="hidden" name="color" id="color-input">
				<div id="color"></div>
			</td>
		</tr>
		<tr id="mapUrlTr">
			<td>贴图设置</td>
			<td colspan="4" >
				<div class="layui-inline" style="padding-right: 10px;margin-right: 0px;">
					<input type="hidden" name="mapUrl" id="mapUrl-input">
					<img id="mapUrl-img" src="#(ctx)/assets/img/position.png" width="100" height="100" style="margin-right: 10px;" />
					<button class="layui-btn layui-btn-sm layui-btn-orange" id="mapUrl-select-btn" >选择</button>
				</div>
			</td>
		</tr>
		<tr id="outlineTr">
			<td>轮廓可见</td>
			<td colspan="2">
				<select name="outline" lay-filter="outline">
					<option value="0">否</option>
					<option value="1">是</option>
				</select>
			</td>
			<td>
				<input name="outlineWidth" placeholder="请输入粗细值" type="number" class="layui-input" lay-verType="tips" />
			</td>
			<td>
				<input type="hidden" name="outlineColor" id="outlineColor-input">
				<div id="outlineColor"></div>
			</td>
		</tr>
		<tr id="perPositionHeightTr">
			<td>是否贴地</td>
			<td colspan="4">
				<select name="perPositionHeight" lay-filter="perPositionHeight" >
						<option value="0">否</option>
						<option value="1">是</option>
				</select>
			</td>
		</tr>
		<tr id="heightTr">
			<td>离地高度</td>
			<td colspan="4">
				<input name="height" placeholder="height" value="4" type="number" class="layui-input" lay-verType="tips"/>
			</td>
		</tr>
		<tr id="extrudedHeightTr">
			<td>拔高高度</td>
			<td colspan="4"><input name="extrudedHeight" placeholder="height" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr id="closeTopTr">
			<td>显示顶部</td>
			<td colspan="4">
				<select name="closeTop" lay-filter="closeTop">
						<option value="0">否</option>
						<option value="1">是</option>
				</select>
			</td>
		</tr>
		<tr id="closeBottomTr">
			<td>显示底部</td>
			<td colspan="4">
			<select name="closeBottom" lay-filter="closeBottom">
				<option value="0">否</option>
				<option value="1">是</option>
			</select>
			</td>
		</tr>
		<tr>
			<td>可视范围</td>
			<td>
				<input id="distanceDisplayConditionX" name="distanceDisplayConditionX" placeholder="x" value='0' type="number" class="layui-input" lay-verType="tips" />
			</td>
			<td><button id="distanceDisplayConditionXBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>	
			<td><input id="distanceDisplayConditionY" name="distanceDisplayConditionY" placeholder="y" value="50000" type="number" class="layui-input" lay-verType="tips" /></td>
			<td><button id="distanceDisplayConditionYBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>	
		</tr>
		<tr id="animationSpeedTr">
			<td>水流速度</td>
			<td colspan="4"><input name="speed" placeholder="y"
				value="0.01" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr id="amplitudeTr">
			<td>振幅大小</td>
			<td colspan="4"><input name="amplitude" placeholder="y"
				value="1" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr id="frequencyTr">
			<td>水波数量</td>
			<td colspan="4"><input name="frequency" placeholder="y"
				value="1000" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr>
			<td colspan="5" style="text-align: right;">
				<button class="layui-btn  layui-btn-sm " lay-filter="modelSubmitBizStylePolygontForm" lay-submit>保存</button>
			</td>
		</tr>
	</table>
</form>
</script>

<script type="text/html" id="modelIconForBizStylePoint"> 
    <div class="layui-card" style="background: none;">
        <div class="layui-card-body table-tool-mini">
            <div class="layui-form toolbar" id="tbToolBar">
                <div class="layui-form-item">
                    <div class="layui-inline" style="float: left;">
						<div class="layui-inline" style="padding-right: 0px;margin-right: 0px;">
							<div class="layui-input-inline mr0">
								<input name="name" class="layui-input" type="text" placeholder="请输入名称"/>
							</div>
						</div>
						<div class="layui-inline" style="padding-right: 0px;margin-right: 0px;">
							<button class="layui-btn layui-btn-sm layui-btn-orange icon-btn" lay-filter="formSubSearchIconForBizStylePoint" lay-submit>
								<i class="layui-icon">&#xe615;</i>查询
							</button>
							<button class="layui-btn layui-btn-sm layui-btn-orange icon-btn" id="uploadIconBtn">
								<i class="layui-icon">&#xe67c;</i>上传
							</button>
						</div>					
					</div>
				</div>
				<table class="layui-table layui-img-table" id="tableIconForBizStylePoint" lay-filter="tableIconForBizStylePoint" style="margin: 1px 0;"></table>
			</div>
		</div>
	</div>
</script>
